<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        /* 
        标识符的访问机制  

        1.自己作用域下查找 如果有 直接使用 停止查找 
        2. 如果没有 到父作用域下查找 如果有 直接使用 停止查找 
        3. 父作用域没有继续往上查找  如果有直接使用  停止查找  
        以此类推  直到全局作用域 window  如果window作用域也没有 那么就报错  
        // XX is not defined  
        
        
        
        */
        // var n = 100;
        function fn1(){
            // var n = 200;
            function fn2(){
                // var n = 300;
                console.log(n)
            }
            fn2()
        }

        fn1()

        // fn2() // 报错
    </script>
</body>
</html>